<template>
   <div>
      按钮权限
      <el-button type="primary" v-cusBtn="'edit'" :icon="Edit" />
      <el-button type="primary" v-cusBtn="'view'" :icon="View" />
      <el-button type="primary" v-cusBtn="'delete'" :icon="Delete" />
      <!-- <transition enter-active-class="animate__animated animate__swing" leave-active-class="animate__animated animate__swing">
        <router-view/>
    </transition> -->
      <router-view v-slot="{ Component }">
         <transition enter-active-class='animate__animated animate__zoomInDown'>
            <component :is="Component" />
         </transition>
      </router-view>
   </div>
</template>
<script setup lang='ts'>
import 'animate.css';
import { Delete, Edit, View } from '@element-plus/icons-vue'
</script>
<style scoped>
/* .fade-enter-from{
   transform:translate(-2000px);
   opacity: 0;

}
.fade-enter-active{
   transition: all .5s;
}
.fade-enter-to{
   transform:translate(0);
   opacity: 1;
}
.fade-leave-from{
   transform: rotate(0);
}
.fade-leave-active{
   transition: all .5s;
}
.fade-leave-to{
   transform: rotate(-360deg);
} */
</style>